body{
	font-family: "arial";
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	background-color: #0D0D0D;
	color: #FFFFFF;
        background-image: url('../images/bg.png');
        background-position: center 140px;
        background-repeat: no-repeat;
}

a{
    text-decoration: none;
    color: #ffffff;
}

#body{
	position: relative;
	width: 969px;
	margin-left: AUTO;
	margin-right: AUTO;
        background-color: #141516;
}

#top{
    height: 90px;
}

#top .lewa{
    width: 693px;
}

#top .lewa .kreska{
    width: 693px;
    height: 7px;
    background-color: #F1EF2A;
}

#top .lewa .logo{
    width: 129px;
    height: 57px;
    background-image: url("../images/logo.png");
    margin-top: 8px;
    margin-left: 19px;
    float: left;
}

#top .lewa .nazwa{
    width: 215px;
    height: 22px;
    background-image: url("../images/name.png");
    float: left;
    margin-left: 24px;
    margin-top: 27px;
}

#top .prawa{
    float: right;
    width: 273px;
}

#top .prawa .menu{
    position: relative;
    top: 5px;
    left: 19px;
}

#top .prawa .menu a{
    font-family: Verdana;
    font-size: 12px;
}

#top .prawa .koszyk{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    padding-left: 29px; 
    background-color: #FFFC00;
    position: absolute;
    right: 22px;
    top: 36px;
    font-weight: bold;
    color: #292929;
    background-image: url("../images/koszyk.png");
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

#menu{
    height: 41px;
    padding-left: 169px;
    position: relative;
    background-image: url("../images/menu1bg.png");
    background-repeat: no-repeat;
    background-position: 19px 0px;
}

#menu a{
    font-family: Arial;
    font-size: 18px;
    margin-right: 27px;
    display: block;
    float: left;
    height: 19px;
    padding: 4px;
    font-weight: bold;
    margin-top: 6px;
}

#menu a:hover{
    color: #000000;
    background-color: #F1EF2A;
}

#menu input[type=text]{
    width: 201px;
    height: 29px;
    border-left: 1px solid #403F3F;
    border-top: 1px solid #403F3F;
    border-bottom: 1px solid #403F3F;
    border-right: none;
    background-color: #2C2A2A;
    position: absolute;
    right: 60px;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    top: -1px;
}

#menu input[type=submit]{
    height: 41px;
    width: 42px;
    border-left: none;
    border-top: 1px solid #403F3F;
    border-bottom: 1px solid #403F3F;
    border-right: 1px solid #403F3F;
    background-color: #2C2A2A;
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: 0px;
    background-image: url("../images/szukaj.png");
    background-position: center;
    background-repeat: no-repeat;
    top: -1px;
}


#middle{
    padding-left: 19px;
}

#middle .menu{
    width: 150px;
    float: left;
}

#middle .menu a{
    border-bottom: 1px solid #403F3F;
    display: block;
    font-weight: bold;
    font-size: 15px;
    padding-top: 10px;
    padding-left: 4px;
    padding-bottom: 10px;
}

#middle .srodek{
    float: right;
    width: 794px;
}

#middle .srodek .jestesw{
    font-family: Arial;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

#middle .srodek .jestesw span{
    color: #F1EF2A;
}

#middle .srodek .konto{
    width: 775px;
    background-color: #1D1D1D;
}

#middle .srodek .konto .panel{
    float: left;
    width: 384px;
}

#middle .srodek .konto .accmenu{
    font-family: Arial;
    font-weight: bold;
    padding-left: 20px;
    height: 40px;
}

#middle .srodek .konto .accmenu a{
    margin-top: 5px;
    color: #F1EF2A;
    display: block;
    float: left;
    margin-left: 5px;
    background-position: left;
    background-repeat: no-repeat;
    height: 15px;
    padding-left: 30px;
    text-decoration: underline;
    padding-top: 5px;
    padding-bottom: 5px;
}

#middle .srodek .konto .accmenu span{
    margin-top: 5px;
    display: block;
    float: left;
    margin-left: 5px;
    background-position: left;
    background-repeat: no-repeat;
    height: 15px;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#middle .srodek .konto .accmenu .cpi{
    background-image: url("../images/ico1.png");
}

#middle .srodek .konto .accmenu .cp{
    background-image: url("../images/ico2.png");
}

#middle .srodek .konto .accmenu .op{
    padding-left: 40px;
    background-image: url("../images/ico3.png");
}

#middle .srodek .konto .accmenu .s{
    background-image: url("../images/ico4.png");
    margin-left: 30px;
}

#middle .srodek .link{
    clear: both;
    padding-top: 5px;
    text-align: right;
    margin: 33px;
}

#middle .srodek .link a{
    color: #F1EF2A;
    text-decoration: underline;
    font-weight: bold;
}

#middle .srodek .info a{
    color: #F1EF2A;
    text-decoration: underline;
    font-weight: bold;
}

#middle .srodek .info{
    padding-top: 3px;
    text-align: justify;
}

#middle .srodek .info2{
    padding-right: 30px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#middle .srodek .info3{
    padding-top: 50px;
}

#middle .srodek .submit{
    clear: both;
    padding-top: 5px;
}

#middle .srodek .submit input{
    background-color: #F1EF2A;
    border: none;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 19px;
    padding-right: 19px;
    cursor: pointer;
    font-weight: bold;
    float: right;
    margin-right: 32px;
}

.but{
    background-color: #F1EF2A;
    border: none;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 19px;
    padding-right: 19px;
    cursor: pointer;
    font-weight: bold;
    float: right;
    margin-right: 32px;
    width:100%;
    float: right;
}

#middle .srodek .konto .dane{
    clear: both;
    padding-top: 5px;
}

#middle .srodek .konto .dane label{
    display: block;
    float: left;
    margin-right: 10px;
    height: 12px;
    font-family: Arial;
    font-size: 11px;
    padding-top: 10px;
    width: 100px;
    text-align: right;
}

#middle .srodek .konto .dane div{
    color: #F1EF2A;
    height: 12px;
    padding-top: 10px;
    font-family: Arial;
    font-size: 18px;
    width: 24px;
    float: left;
    text-align: center;
}

#middle .srodek .konto .dane span{
    display: block;
    float: left;
    background-color: #202020;
    width: 221px;
    height: 12px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #242424;
}

#middle .srodek .konto .dane input{
    display: block;
    float: left;
    background-color: #2C2A2A;
    width: 221px;
    height: 12px;
    color: white;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #3E3D3D;
}

#middle .srodek .konto .dane input.error{
    border: 1px solid #F2EF02;
}

#middle .srodek .konto .title{
    margin-left: 10px;
    padding-top: 10px;
    width: 363px;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #403F3F;
    padding-left: 2px;
}

#middle .srodek .konto .title2{
    font-family: Arial;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#middle .srodek .konto table{
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    border-spacing: inherit;
    border-collapse: separate;
   
}
#middle .srodek .konto th{
    background-color: #292929;
    height: 36px;
    color: #FFFC00;
}

#middle .srodek .konto td.n{
    text-align: left;
    padding-left: 10px;
}

#middle .srodek .konto td{
    font-weight: bold;
    text-align: center;
    height: 36px;
    border-bottom: 1px solid #403F3F;
}

#middle .srodek .konto td.progress{
    color: #FFFC00;
}

#middle .srodek .konto .cart{
	padding-top: 15px;
	padding-left: 20px;
}

#middle .srodek .konto .pozycja img{
	float: left;
}

#middle .srodek .konto .pozycja div{
	float: left;
}

#middle .srodek .konto .pozycja div.p1 span:first-child{
	font-weight: bold;
}

#middle .srodek .konto .pozycja div.p1 span{
	display: block;
}

#middle .srodek .konto .pozycja div.p1{
	width: 260px;
	margin-left: 10px;
	padding-top: 15px;
}

#middle .srodek .konto .pozycja div.p2{
	font-weight: bold;
	padding-top: 20px;
}

#middle .srodek .konto .pozycja div.p3{
	padding-top: 7px;
}

#middle .srodek .konto .pozycja div.p3 span{
	padding-top: 13px;
	padding: 13px;
	min-width: 10px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	background-color: #2C2A2A;
	border: 1px solid #3D3C3C;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: uppercase;
}

#middle .srodek .konto .pozycja div.p4{
	float: right;
	font-size: 20px;
	color: #F1EF2A;
	font-family: Arial;
	padding-top: 16px;
}

#middle .srodek .konto .pozycja div.p5{
	float: right;
	margin-right: 20px;
	width: 80px;
	padding-top: 15px;
	padding-left: 20px;
}

#middle .srodek .konto .pozycja div.p5 a{
	background-color: #F1EF2A;
	color: #000000;
	padding: 5px;
	background-image: url("../images/x.png");
	background-repeat: no-repeat;
	width: 70px;
	display: block;
	font-weight: bold;
	background-position: 62px 7px;
}

#middle .srodek .konto .pozycja{
	clear: both;
}
.clear{
	clear: both;
}
#middle .srodek .konto .etap{
	width: 220px;
	height: 20px;
	float: left;
	margin-right: 2px;
	font-family: Arial;
	padding-left: 23px;
	font-weight: bold;
	font-size: 11px;
	padding-top: 10px;
	background-color: #292929;
	border-bottom: 3px solid #F1EF2A;
}

#middle .srodek .konto .hr{
	height: 1px;
	border-bottom:1px solid #403F3F;
	width: 734px;
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px;
}

#middle .srodek .konto .now{
	background-color: #F1EF2A;
	color: #000000;
}

#middle .srodek .naglowek{
    background-color: #292929;
    padding: 5px;
    width: 765px;
    margin-bottom: 1px;
    font-weight: bold;
    font-family: Arial;
    font-size: 18px;
}

#middle .srodek .naglowek span{
    font-size: 11px;
    color: #F1EF2A;
    position: relative;
    top: -5px;
    margin-left: 55px;
}

#middle .srodek .wiecej{
    float: left;
    width: 190px;
    height: 221px;
    background-color: #F1EF2A;
    margin-right: 5px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/more.png");
}

#middle .srodek .mniej{
    float: left;
    width: 190px;
    height: 221px;
    background-color: #F1EF2A;
    margin-right: 5px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/more2.png");
}
#middle .srodek .produkty{
    float: left;
    width: 190px;
    height: 221px;
    background-color: #FFFFFF;
    margin-right: 5px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: center 15px;
    position: relative;
}

#middle .srodek .produkty .cena{
    background-color: #141516;
    position: absolute;
    width: 87px;
    bottom: 30px;
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
    padding-bottom: 5px;
}

#middle .srodek .imagebig .cena{
    background-color: #141516;
    position: absolute;
    width: 106px;
    left: 36px;
    bottom: 80px;
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 5px;
}
#middle .srodek .imagebig .cena .prb {
	font-size: 17px;
	font-weight: bold;
	float: left;
	display: inline;
	padding-left: 4px;
}
#middle .srodek .imagebig .cena .cur {
	float: left;
	display: inline;
	padding-left: 4px;
}

#middle .srodek .produkty .promo{
    color: #FF3600;
}

#middle .srodek .produkty .cena span{
    text-decoration: line-through;
    display: block;
    color: #828282;
}

#middle .srodek .produkty .opis{
    color: #403F3F;
    position: absolute;
    bottom: 13px;
    font-family: "Arial";
    font-weight: bold;
    padding-left: 10px;
}

#middle .srodek .konto .podsumowanie a, #middle .srodek .konto .podsumowanie2 a.back{
    color: #F1EF2A;
    font-family: Arial;
    font-weight: bold;
    background-image: url("../images/back.png");
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: left;
}

#middle .srodek .konto .podsumowanie2 a.back{
	float: left;
	display: block;
}

#middle .srodek .konto .podsumowanie div{
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: bold;
}

#middle .srodek .konto .podsumowanie2 .info div.total{
	font-size: 15px;
}

#middle .srodek .konto .podsumowanie2 .info a.kup{
	display: block;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	width: 100%;
	font-size: 15px;
	text-align: center;
	background-color: #FFFC00;
}

#middle .srodek .konto .podsumowanie2 .info div{
	text-align: right;
	margin-bottom: 3px;
	font-weight: bold;
}

#middle .srodek .konto .podsumowanie2 .info{
	float: right;
}

#middle .srodek .konto .podsumowanie span, #middle .srodek .konto .podsumowanie2 span{
    color: #FFFC00;
}

#middle .srodek .konto .podsumowanie2{
    padding-left: 10px;
    position: relative;
    padding-right: 10px;
    clear: both;
}

#middle .srodek .konto .podsumowanie{
    padding-left: 10px;
    position: relative;
    padding-right: 10px;
    padding-top: 10px;
}

.hr2{
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #828282;
	width: 580px;
	clear: both;
}

#middle .srodek .imagemini{
	width: 185px;
	height: 190px;
	background-color: #FFFFFF;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
}

#middle .srodek .imagebig{
	width: 389px;
	height: 385px;
	background-color: #FFFFFF;
    background-repeat: no-repeat;
	float: left;
}

#middle .srodek .imagegr{
	width: 580px;
	float: left;
	background-color: #FFFFFF;
	height: 385px;
	margin-right: 5px;
}

#middle .srodek .image2{
	width: 185px;
	height: 385px;
	background-color: #FFFFFF;
	float: left;
	display: block;
	background-position: center;
	margin-bottom: 5px;
}

#middle .srodek .nazwaicena{
	position: relative;
	width: 580px;
}

#middle .srodek .nazwaicena .nazwa{
	float: left;
	font-size: 25px;
	font-family: Arial;
}

#middle .srodek .nazwaicena .cena{
	float: right;
	font-size: 25px;
	font-family: Arial;
	display: block;
}

#middle .srodek .nazwaicena div.promo{
	float: right;
	margin-right: 10px;
	color: #828282;
	font-size: 11px;
	text-decoration: line-through;
}

#middle .srodek .nazwaicena span.promo{
	color: #F34E29;
	display: block;
}

#middle .srodek .opisproduktu b{
	color: #828282;
}

#middle .srodek .opisproduktu{
	width: 580px;
	text-align: justify;
}

#bottom{
    clear: both;
}

#bottom .menu{
    font-size: 10px;
    font-weight: bold;
    padding-left: 19px;
    padding-top: 8px;
    padding-bottom: 3px;
}

#bottom .left{
    background-color: #232323;
    height: 80px;
    width: 696px;
    float: left;
    position: relative;
}

#bottom .left .kreska{
    position: absolute;
    bottom: 0px;
    height: 8px;
    width: 696px;
    background-color: #F1EF2A;
}

#bottom .left .find{
    padding-top: 19px;
    padding-left: 19px;
}

#bottom .left .find span{
    display: block;
    float: left;
    font-weight: bold;
    font-size: 10px;
    padding-top: 9px;
}

#bottom .left .find a{
    display: block;
    height: 31px;
    background-repeat: no-repeat;
    margin-left: 10px;
    float: left;
    background-position: center;
}

#bottom .left .find a.facebook{
    background-image: url("../images/facebook.png");
    width: 82px;
}

#bottom .left .find a.vimeo{
    background-image: url("../images/vimeo.png");
    width: 81px;
}

#bottom .left .find a.youtube{
    background-image: url("../images/yt.png");
    width: 73px;
}

#bottom .right{
    float: right;
    background-color: #141516;
    height: 80px;
    width: 270px;
    position: relative;
    padding-left: 3px;
}

#bottom .right .title{
    font-weight: bold;
    font-size: 18px;
    padding-left: 4px;
}

#bottom .right .c{
    font-size: 10px;
    position: absolute;
    bottom: 0px;
	padding-left: 4px;
}
#bottom .right input[type=text]{
    width: 201px;
    height: 28px;
    border-left: 1px solid #403F3F;
    border-top: 1px solid #403F3F;
    border-bottom: 1px solid #403F3F;
    border-right: none;
    background-color: #2C2A2A;
    position: absolute;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    top: 22px;
    left: 8px;
}

#bottom .right input[type=submit]{
    height: 40px;
    width: 42px;
    border-left: none;
    border-top: 1px solid #403F3F;
    border-bottom: 1px solid #403F3F;
    border-right: 1px solid #403F3F;
    background-color: #2C2A2A;
    position: absolute;
    right: 20px;
    cursor: pointer;
    background-image: url("../images/add.png");
    background-position: center;
    background-repeat: no-repeat;
    top: 22px;
    left: 216px;
}

.prnaglownej{
	width: 600px;
}

.dodajdokoszyka{
	width: 580px;
}

.dodajdokoszyka input[type=submit]{
	float: right;
	padding: 10px;
	background-color: #FFFC00;
	text-align: right;
	width: 192px;
	border: none;
	font-weight: bold;
	cursor: pointer;
	font-family: arial;
	font-size: 12px;
}

.end{
    height: 10px;
    clear: both;
}
.width64 {
	width:64px!important;
}
.selectedTxt {
	padding: 12px 0px 0px 6px;
	background: url( ../images/select-dw.jpg ) center right no-repeat;
	color: #fff;
	position:relative;
	overflow: hidden;
	font-weight: bold;
	height: 28px;
}
.intext {
	padding: 10px 0px 0px 9px;
}
.seldw {
	background:url( ../images/select-dw.jpg ) no-repeat;
	width: 17px;
	height: 9px;
	position: absolute;
	top: 14px;
	left: 94px;
}
ul.newList * {margin:0; padding:0;background:#323232;}
ul.newList a {color: #fff; font-size:12px; font-weight: bold; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#fff; width:124px; background:#fff; position:absolute;  top:28px; left:0; overflow-x:hidden; overflow-y:auto; z-index:9999;}
.newListSelected { color:#000;}
.newListSelected span {width:284px; display:block;}
ul.newList li {cursor: pointer;}
ul.newList li a {cursor: pointer;padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.hiLite {cursor: pointer;background:#FFFC00!important; color:#323232!important;}
.hiLite a {cursor: pointer;background:#FFFC00!important; color:#323232!important;}
.newListHover {cursor: pointer;background:#FFFC00!important; color:#323232!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}